@import '~antd/es/style/themes/default.less';

.container {
  height: 100%;
  // background-image: url('../../../assets/images/login_bg.png');
  background-repeat: no-repeat;
  background-position: center;
}

.main {
  position: relative;
  top: 150px;
  width: 420px;
  margin: 0 auto;
  padding: 24px 30px;
  background-color: #fff;
  border-radius: 8px;
  @media screen and (max-width: @screen-sm) {
    width: 95%;
  }
  :global {
    .antd-pro-login-submit {
      width: 100%;
      margin-top: 24px;
    }
    .ant-avatar > img {
      display: block;
      width: 100%;
      height: auto;
      object-fit: cover;
    }
    .ant-input-affix-wrapper {
      background-color: #f7f7f7;
      input {
        background-color: #f7f7f7;
      }
    }
    .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled) {
      &:hover {
        border-color: #374589;
      }
    }
    .ant-input-affix-wrapper:focus,
    .ant-input-affix-wrapper-focused {
      border-color: #374589;
      box-shadow: 0 0 0 2px rgba(55, 69, 137, 0.2);
    }
    .ant-btn-primary {
      border-color: #374589;
    }
    button[ant-click-animating-without-extra-node]::after {
      border-color: #374589;
    }
  }
}

.logo {
  position: absolute;
  top: -44px;
  left: calc(50% - 57px);
  background: #fff;
}

.title {
  margin-top: 20px;
  text-align: center;
  opacity: 0.9;
}

.icon {
  margin-left: 16px;
  color: rgba(0, 0, 0, 0.2);
  font-size: 24px;
  vertical-align: middle;
  cursor: pointer;
  transition: color 0.3s;

  &:hover {
    color: @primary-color;
  }
}

.other {
  margin-top: 24px;
  line-height: 22px;
  text-align: left;

  .register {
    float: right;
  }
}

.company {
  position: relative;
  top: 200px;
  text-align: center;
}

.prefixIcon {
  color: #888787;
  font-size: @font-size-base;
}
